<!DOCTYPE html>
<html>
	<head>
		<title> 欢迎登录 </title>


		<!-- Plugin Stylesheets first to ease overrides -->
		<link rel="stylesheet" type="text/css" href="/profiles/plugins/colorpicker/colorpicker.css" media="screen">

		<!-- Required Stylesheets -->
		<link rel="stylesheet" type="text/css" href="/profiles/bootstrap/css/bootstrap.min.css" media="screen">
		<link rel="stylesheet" type="text/css" href="/profiles/css/fonts/ptsans/stylesheet.css" media="screen">
		<link rel="stylesheet" type="text/css" href="/profiles/css/fonts/icomoon/style.css" media="screen">

		<link rel="stylesheet" type="text/css" href="/profiles/css/mws-style.css" media="screen">
		<link rel="stylesheet" type="text/css" href="/profiles/css/icons/icol16.css" media="screen">
		<link rel="stylesheet" type="text/css" href="/profiles/css/icons/icol32.css" media="screen">

		<!-- Demo Stylesheet -->
		<link rel="stylesheet" type="text/css" href="/profiles/css/demo.css" media="screen">

		<!-- jQuery-UI Stylesheet -->
		<link rel="stylesheet" type="text/css" href="/profiles/jui/css/jquery.ui.all.css" media="screen">
		<link rel="stylesheet" type="text/css" href="/profiles/jui/jquery-ui.custom.css" media="screen">

		<!-- Theme Stylesheet -->
		<link rel="stylesheet" type="text/css" href="/profiles/css/mws-theme.css" media="screen">
		<link rel="stylesheet" type="text/css" href="/profiles/css/themer.css" media="screen">


	</head>
	<body>
		<a href="/loginout" class="btn btn-info"> 退出登录 </a>
		<div class="mws-panel grid_8">
			<div class="mws-panel-header">
				<span>
					<i class="icon-table"> </i>
					Data Table with Numbered Pagination
				</span>
			</div>
			<div class="mws-panel-body no-padding">
				<div id="DataTables_Table_1_wrapper" class="dataTables_wrapper" role="grid">
					<div id="DataTables_Table_1_length" class="dataTables_length">
						<label>
							Show
							<select size="1" name="DataTables_Table_1_length" aria-controls="DataTables_Table_1">
								<option value="10" selected="selected"> 10 </option>
								<option value="25"> 25 </option> 
								<option value="50"> 50 </option>
								<option value="100"> 100 </option>
							</select>
							entries
						</label>
					</div>
					<div class="dataTables_filter" id="DataTables_Table_1_filter">
						<label>
							Search:
							<input type="text" aria-controls="DataTables_Table_1">
						</label>
					</div>
					<table class="mws-datatable-fn mws-table dataTable" id="DataTables_Table_1"
					aria-describedby="DataTables_Table_1_info">
						<thead>
							<tr role="row">
								<th class="sorting_asc" role="columnheader" tabindex="0" aria-controls="DataTables_Table_1"
								rowspan="1" colspan="1" aria-sort="ascending" aria-label="Rendering engine: activate to sort column descending"
								style="width: 156px;">
									ID
								</th>
								<th class="sorting" role="columnheader" tabindex="0" aria-controls="DataTables_Table_1"
								rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending"
								style="width: 208px;">
									地区
								</th>
								<th class="sorting" role="columnheader" tabindex="0" aria-controls="DataTables_Table_1"
								rowspan="1" colspan="1" aria-label="Platform(s): activate to sort column ascending"
								style="width: 194px;">
									PID
								</th>
								<th class="sorting" role="columnheader" tabindex="0" aria-controls="DataTables_Table_1"
								rowspan="1" colspan="1" aria-label="CSS grade: activate to sort column ascending"
								style="width: 101px;">
									操作
								</th>
							</tr>
						</thead>
						<tbody role="alert" aria-live="polite" aria-relevant="all">
							@foreach($data as $key => $value)
							<tr class="@if($key % 2 == 0) odd @else even @endif">
								<td class="  sorting_1"> {{$value -> id}} </td>
								<td class=" "> {{'|'.str_repeat('--',$value -> lev).$value -> area}} </td>
								<td class=" ">{{$value -> pid}}</td>
								<td class=" "> <a href="/doAdd" class="btn btn-danger">另一种的</a> </td>
							</tr>
							@endforeach
						</tbody>
					</table>
					<div class="dataTables_info" id="DataTables_Table_1_info">
						Showing 1 to 10 of 57 entries
					</div>
					<div class="dataTables_paginate paging_full_numbers" id="DataTables_Table_1_paginate">
						<a tabindex="0" class="first paginate_button paginate_button_disabled"
						id="DataTables_Table_1_first">
							First
						</a>
						<a tabindex="0" class="previous paginate_button paginate_button_disabled"
						id="DataTables_Table_1_previous">
							Previous
						</a>
						<span>
							<a tabindex="0" class="paginate_active">
								1
							</a>
							<a tabindex="0" class="paginate_button">
								2
							</a>
							<a tabindex="0" class="paginate_button">
								3
							</a>
							<a tabindex="0" class="paginate_button">
								4
							</a>
							<a tabindex="0" class="paginate_button">
								5
							</a>
						</span>
						<a tabindex="0" class="next paginate_button" id="DataTables_Table_1_next">
							Next
						</a>
						<a tabindex="0" class="last paginate_button" id="DataTables_Table_1_last">
							Last
						</a>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>